Method for creating prototype

ABSTRACT

Disclosed are methods and programs for creating a prototype of graphical user interface (GUI) application, the methods includes at least: receiving a selection of a first trigger, a selection of a 1-1st response of the first trigger, and an input of a timeline of the 1-1st response; receiving a selection of a second trigger, a selection of a 2-1st response of the second trigger, an input of timeline of the 2-1st response; generating a prototype, by applying the 1-1st response and the 2-1st response to which the timeline is input, to the layer; displaying the first trigger, one or more responses associated with the first trigger, and the timeline of the one or more responses associated with the first trigger; and displaying the second trigger, one or more responses associated with the second trigger, and the timeline of the one or more responses associated with the second trigger.

CROSS-REFERENCE TO RELATED APPLICATION

This application is a Continuation Application of U.S. patentapplication Ser. No. 15/380,673 filed on Dec. 15, 2016 which claimspriority from Korean Patent Application No. 10-2016-0060389 filed on May17, 2016, in the Korean Intellectual Property Office, the disclosure ofwhich is incorporated herein by reference in its entirety.

BACKGROUND 1. Technical Field

The present inventive concept relates to a method for creating aprototype. More particularly, the present inventive concept relates to amethod for creating a prototype, in which a trigger responsible for astate and a response applied to a layer are organically combined througha timeline so as to enable parallel processing of multiple inputsignals, and operating timing of the response is intuitively andaccurately controlled.

2. Description of the Related Art

Recently, much effort has been devoted to a graphic user interface (GUI)design by producers of applications to be installed in smart devices soas to increase user convenience and intuition, and a variety ofprototypes are produced to test convenience and intuition before actualapplications are released into a marketplace.

In a conventional prototype production process, a designer creates a GUIdesign with the designer's idea in documents such as Power Pointdocument and explains the design to a programmer, and the programmerthen actually implements the GUI design understood by the programmer soas to produce a prototype. However, a problem with this process is thatthe idea of the designer is not correctly conveyed to the programmer,and the programmer also implements the GUI design on the basis ofhis/her own understanding, which may cause a difference between thefinally produced prototype and the designer's idea, thus frequentlyrequiring rework.

A prototyping tool has been proposed to solve the problems inconventional methods for producing a prototype. The prototyping tool isa program tool that has preset therein various responses applied to aGUI design so as to produce a prototype without necessitating programmerparticipation, and this prototyping tool enables designers or generalusers who are not skilled in programming but well-acquainted withmethods of use to quickly and easily produce a prototype.

The prototyping tool has a state method and a timeline method, eachhaving advantages and disadvantages. Specifically, the state method hasadvantages of receiving and processing a plurality of user inputssimultaneously, but disadvantages in that a response which is beingconverted cannot be delicately adjusted during a plurality of states areconverted. Meanwhile, the timeline method has advantages in that aresponse converted in the middle can be delicately adjusted when aplurality of states are converted, but disadvantages in that a pluralityof user inputs cannot be received and processed simultaneously.Therefore, an urgent need exists to solve the disadvantages of the statemethod and the timeline method in that a response converted in themiddle cannot be delicately adjusted when a plurality of states areconverted and a plurality of user inputs cannot be received andprocessed simultaneously.

SUMMARY

An embodiment of the present disclosure provides a method in whichresponses converted in the middle are delicately adjusted when aplurality of states are converted, thereby easily identifying an organicchange between the responses.

Another embodiment of the present disclosure provides a method in whicha plurality of user inputs are received and processed simultaneously,thereby intuitively and accurately adjusting operating timing ofresponses.

However, embodiments of the present disclosure are not restricted tothose set forth herein. The other embodiments of the present disclosurewhich are not mentioned herein will become more apparent to one ofordinary skilled in the art to which the present disclosure pertains byreferencing the detailed description of the present disclosure givenbelow.

According to the present disclosure, responses converted in the middleare delicately adjusted when a plurality of states are converted,thereby providing an effect of easily identifying an organic changebetween the responses.

Furthermore, a plurality of user inputs are received and processedsimultaneously, thereby providing an effect of intuitively andaccurately adjusting operating timing of responses.

However, effects of the present disclosure are not restricted to theexemplary embodiments set forth herein and more diverse effects can beincluded within the scope apparent to one of ordinary skilled in the artfrom the description given below.

According to some embodiments of the present disclosure, a prototypecreation method is provided, the method comprises receiving a selectionof a first trigger through the prototype creation interface, whichtriggers an output of a specific response to be displayed, in aprototype execution terminal, wherein the first trigger is displayedwith information of a first action to be recognized as a triggeringinput, receiving a selection of a 1-1st response of the first triggerthrough the prototype creation interface, wherein the 1-1st response isan output to a layer driven by the prototype execution terminal when thefirst action is input by a user of the prototype execution terminal,receiving an input of a timeline of the 1-1st response through theprototype creation interface, receiving a selection of a second triggerthrough the prototype creation interface, wherein the second trigger isdisplayed with information of a second action to be recognized as atriggering input, receiving a selection of a 2-1st response of thesecond trigger through the prototype creation interface, wherein the2-1st response is an output to the layer driven by the prototypeexecution terminal when the second action is input by the user of theprototype execution terminal, receiving an input of timeline of the2-1st response through the prototype creation interface, in response toreceiving the input of timeline of the 1-1st and the 2-1st responses,generating a prototype, by applying the 1-1st response and the 2-1stresponse to which the timeline is input, to the layer through theprototype creation interface, displaying the first trigger, one or moreresponses associated with the first trigger including the 1-1stresponse, and the timeline of the one or more responses associated withthe first trigger, wherein the first trigger and the one or moreresponses associated with the first trigger are disposed adjacent toeach other through the prototype creation interface, and displaying thesecond trigger, one or more responses associated with the second triggerincluding the 2-1st response, and the timeline of the one or moreresponses associated with the second trigger, wherein the second triggerand the one or more responses associated with the second trigger aredisposed adjacent to each other through the prototype creationinterface.

According to some embodiments of the present disclosure, a computerprogram coupled to a computing device to execute a prototype creationmethod and stored in a non-transitory computer readable recording mediumis provided, the program being configured to execute an operation ofreceiving a selection of a first trigger through the prototype creationinterface, which triggers an output of a specific response to bedisplayed, in a prototype execution terminal, wherein the first triggeris displayed with information of a first action to be recognized as atriggering input, an operation of receiving a selection of a 1-1stresponse of the first trigger through the prototype creation interface,wherein the 1-1st response is an output to a layer driven by theprototype execution terminal when the first action is input by a user ofthe prototype execution terminal, an operation of receiving an input ofa timeline of the 1-1st response through the prototype creationinterface, an operation of receiving a selection of a second triggerthrough the prototype creation interface, wherein the second trigger isdisplayed with information of a second action to be recognized as atriggering input, an operation of receiving a selection of a 2-1stresponse of the second trigger through the prototype creation interface,wherein the 2-1st response is an output to the layer driven by theprototype execution terminal when the second action is input by the userof the prototype execution terminal, an operation of receiving an inputof timeline of the 2-1st response through the prototype creationinterface, an operation of in response to receiving the input oftimeline of the 1-1st and the 2-1st responses, generating a prototype,by applying the 1-1st response and the 2-1st response to which thetimeline is input, to the layer through the prototype creationinterface, an operation of displaying the first trigger, one or moreresponses associated with the first trigger including the 1-1stresponse, and the timeline of the one or more responses associated withthe first trigger, wherein the first trigger and the one or moreresponses associated with the first trigger are disposed adjacent toeach other through the prototype creation interface, and an operation ofdisplaying the second trigger, one or more responses associated with thesecond trigger including the 2-1st response, and the timeline of the oneor more responses associated with the second trigger, wherein the secondtrigger and the one or more responses associated with the second triggerare disposed adjacent to each other through the prototype creationinterface.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG. 1 illustrates a prototype creation system for performing aprototype creation method according to an embodiment of the presentinventive concept;

FIG. 2 is a flow diagram illustrating the prototype creation methodaccording to an embodiment of the present inventive concept;

FIG. 3 illustrates selecting a first layer;

FIG. 4 illustrates selecting a trigger;

FIG. 5 to FIG. 8 illustrate inputting a timeline of a response throughinputting means;

FIG. 9 is a flow diagram illustrating a prototype creation methodaccording to another embodiment of the present inventive concept, andspecifically, selecting a plurality of responses included in a firsttrigger;

FIG. 10 illustrates selecting a 1-2nd response;

FIG. 11 is a flow diagram illustrating a prototype creation methodaccording to still another embodiment of the present inventive concept,and specifically, selecting a plurality of triggers;

FIG. 12 illustrates selecting a second trigger and a 2-1st response;

FIG. 13 is a flow diagram illustrating a prototype creation methodaccording to still another embodiment of the present inventive concept,and specifically, outputting a response matched to specific timing;

FIG. 14 illustrates outputting responses matched to specific timing; and

FIG. 15 illustrates a changed layout of a prototype creation interface.

DETAILED DESCRIPTION OF THE EMBODIMENTS

Embodiments of the present inventive concept will hereinafter bedescribed in detail with reference to the attached drawings. Theadvantages and features of the present inventive concept and methods foraccomplishing the same will become apparent by referring to thepreferred embodiments thereof described below with reference to theattached drawings. The present inventive concept may, however, beembodied in different forms and should not be construed as limited tothe embodiments set forth herein. Rather, these embodiments are providedso that this disclosure will be thorough and complete, and the presentinventive concept will be defined by the scope of claims. Throughout thedescription, identical reference numerals are used to designateidentical elements.

Unless defined otherwise, all terms (including technical and scientificterms) used herein have the same meaning as commonly understood by oneof ordinary skill in the art to which the present inventive conceptbelongs. Further, unless expressly defined otherwise, all terms definedin generally used dictionaries may not be interpreted in an idealized oroverly sense. It will also be understood that the terms may be usedherein to describe embodiments, and may not intended to limit the scopeof the present disclosure. As used herein, the singular forms areintended to include the plural forms as well, unless the context clearlyindicates otherwise.

The term “layer” as used herein may mean a specific area of an objectwhich can be visually output, such as an image, picture, and the like towhich a trigger and a response included in the trigger are applied. Forexample, one image can be divided into a top part which is a top layer,an intermediate part which is an intermediate layer, and a bottom partwhich is a bottom layer, and other specific area can be divided as alayer by a user.

The term “trigger” as used herein may mean a condition under which aprototype execution terminal 20 outputs a specific response. Forexample, the trigger may include a touch input inputted to the executionterminal by a user, information received a sensor and the like,information on a specific state of the execution terminal, and the like.

Furthermore, the term “response” as used herein may mean all types ofoutputs driven by the prototype execution terminal 20 upon occurrence ofa trigger. For example, the response may include a change (rotation,movement, transparency) of an object on a display of the executionterminal, a sound output, a vibration, and the like.

A prototype creation system 100 which can carry out the prototypecreation method according to an embodiment of the present inventiveconcept will be described first with reference to FIG. 1. The prototypecreation system 100 according to an embodiment of the present inventiveconcept may include a prototype creation terminal 10 and a prototypeexecution terminal 20, and may further a separate server 30.

The prototype creation terminal 10 and the prototype execution terminal20 may be computing devices which can be interconnected through anetwork. The network may include both wired and wireless networks suchas LAN, WIFI, BLUETOOTH, and Zigbee, and the computing device mayinclude devices having a network function, such as a desktop PC, anotebook, a smart phone, PDA, and a table PC.

The prototype creation terminal 10 may store therein a prototyping toolfor performing the prototype creation method according to an embodimentof the present inventive concept. The prototyping tool may be a kind ofsoftware, and a creating tool for supporting a prototype creationactivity of a user. A prototype creation interface 40 may execute whenthe prototyping tool is executed through the prototype creation terminal10 by the user, a prototype may be generated through a predeterminedpressure, and the generated prototype may be executed in the prototypeexecution terminal 20. That is, the prototype creation terminal 10 maygenerate a prototype through the prototype creation interface, and theprototype execution terminal 20 may execute the generated prototype.

Furthermore, the prototype creation terminal 10 may upload the generatedprototype to a server 30 which the prototype execution terminal 20connects to download the prototype, and the server 30 may be anindependent server operated by a creator of the prototyping tool or acloud server operated by a third party.

The server 30 may have independent storage spaces for the respectiveprototype execution terminals 20 of users, and store therein thegenerated prototypes in a cumulative manner, and the generatedprototypes may be naturally distributed as the prototype executionterminal 20 downloads uploaded prototypes.

The prototype creation method according to an embodiment of the presentinventive concept will now be described with reference to FIG. 2 to FIG.8 on the basis of the configuration of the prototype creation system 100described above.

FIG. 2 is a flow diagram illustrating the prototype creation methodaccording to an embodiment of the present inventive concept. However,the embodiment described with reference to FIG. 2 is merely a preferredexemplary embodiment for accomplishing the object of the presentinventive concept, and a part of steps may be added or deleted asneeded.

First, a first layer 50 to which a response is to be applied is selectedin the prototype creation terminal 10 through the prototype creationinterface 40 (S210). The first layer 50 may be a specific area of animage or a picture to which a user applies a response.

The prototype creation interface 40 may automatically divide the image,the picture, and the like input by the user into first to Nth (N is apositive integer) layers, and the user may select any one of the dividedlayers as the first layer 50. Referring to FIG. 3, “page_area” isselected in a left bar on a screen, and an area corresponding to“page_area” is marked with a thick line, and in this case, the selected“page_area” may be the first layer 50.

The prototype creation interface 40 may automatically divide into firstto Nth layers, but the divided layers may not conform to the user'sintention. For example, the user may intend to reduce the area of thetop layer divided by the prototype creation interface 40, or increasethe area of the intermediate layer. In this case, the user may divideinto layers by himself, for example, the user may drag a specific areaof an image through the use of input means such as a mouse so as toinput the dragged area as a desired layer, and the inputted layer maybecome the first layer 50. Furthermore, an independent title for thefirst layer 50 input by the user may be also input through the prototypecreation interface.

When the first layer 50 is selected, a first trigger 60, which is acondition for outputting a specific response by the prototype executionterminal 20, may be selected in the prototype creation terminal 10through the prototype creation interface 40 (S220). The prototypecreation interface 40 may be provided with a plurality of predefinedtriggers, and referring to FIG. 4, triggers such as “Tap”, “Scroll”,“Page”, and “Chain” are displayed on the right side of the screen. Thetriggers are indicators showing a state method. Therefore, a pluralityof user inputs may be received and processed simultaneously through thetriggers, which is the advantage of the state method.

Meanwhile, the selected trigger may enumerate responses included thereinbelow the trigger in a vertical direction, and referring to FIG. 4,“Tap” trigger is selected. In this case, the “Tap” trigger may be thefirst trigger 60.

When the first trigger 60 is selected, a 1-1st response 61 included inthe first trigger 60 may be selected in the prototype creation terminal10 through the prototype creation interface 40 (S230). The -1st responsemay be an output driven by the prototype execution terminal 20 uponoccurrence of a trigger, and like the trigger, the prototype creationinterface 40 may have a plurality of predefined responses. Referring toFIG. 4, responses such as “3D Rotate”, “Move”, and “Opacity” aredisplayed below the Tap trigger on the right side of the screen, andlike the trigger, the responses also are indicators showing a statemethod. Thus, a plurality of user inputs may be received and processedsimultaneously through the responses, which is the advantage of thestate method.

Referring to FIG. 4, responses, which the user intends to apply to thefirst layer 50, are enumerated from the top in order of “3DRotate”-“Move”-“Move”-“Opacity”-“Move”-“Move”-“Move”-“Move”-“Opacity”-“Opacity”-“Opacity”,and one of those responses may be the 1-1st response 61. Specifically,the 1-1st response 61 may mean a response to which a timeline of theresponse is to be input, which will be described later.

When the response 51 is selected, a timeline of the 1-1st response 61may be input to the prototype creation terminal 10 through the prototypecreation interface 40 (S240). The prototype creation interface 40 mayhave predefined time tables at sides of each response thereof, andReferring to FIG. 4, a time table from 0.0 to 0.7 at an interval of 0.1(sec) is displayed at the right sides of responses on the right side ofthe screen. In this case, 0.7 is merely a limit point indicating aone-time display limit, and subsequent times may be marked rightwardsfrom 0.7. This timeline input makes the prototype creation methodaccording to an embodiment of the present inventive concept become atimeline method, and thus a response converted in the middle can bedelicately adjusted when a plurality of states are converted, which isthe advantage of the timeline method.

A timeline input of the 1-1st response 61 may be performed by inputtinga start point and an end point. For example, as shown in FIG. 5 and FIG.6, a start point is clicked by using input means such as a mouse (FIG.5), and the click is dragged to an end point (FIG. 6) so as to input atimeline. Alternatively, as shown in FIG. 7 and FIG. 8, a start point isclicked by using input means such as a mouse (FIG. 7), and an end pointis clicked without dragging (FIG. 8) so as to input a timeline. FIG. 5to FIG. 8 illustrate that “3D Rotate” response of “Tap” trigger isapplied from 0.0, which is a start point, to 0.2, and in this case, “3DRotate” may be regarded as the 1-1st response 61.

When the timeline of the response 61 is input, the prototype creationterminal 10 may display the first trigger 60, the 1-1st response 61, andthe timeline of the 1-1st response adjacent to each other through theprototype creation interface 40 (S250). In this case, displayingadjacent to each other may have various embodiments, but specifically,the first trigger 60, the 1-1st response 61, and the time table forinputting the timeline of the 1-1st response may be disposed adjacent toeach other, thereby enabling the user to recognize the state and thetimeline at a glance. For example, as shown in FIG. 4, the 1-1stresponse 61 may be disposed below the first trigger 60, and the timetable for inputting the timeline of the 1-1st response 61 may bedisposed at the right side of the 1-1st response 61. In this case,disposing the time table at the right side of the 1-1st response 61 ismerely an exemplary embodiment, and the time table may be disposed atthe left side, and the 1-1st response 61 may also be disposed in apop-up format as well as below the first trigger 60.

When the timeline of the 1-1st response 61 is input apart fromdisplaying, the prototype creation terminal 10 may apply the 1-1stresponse 61 to which the timeline is input, to the first layer 50through the prototype creation interface 40 so as to generate aprototype (S260), and the prototype creation terminal 10 may transmitthe generated prototype to the execution terminal 20 (S265). In thiscase, the user may check an operation of the generated prototype throughthe execution terminal 20, and may also check the operation through theprototype creation terminal 10.

The prototype creation terminal 10 may transmit the generated prototypeto the server 30 rather than to the execution terminal 20 so as toupload the prototype (S268), and in this case, the user may connect tothe server 30 through the execution terminal 20, download the generatedprototype, and check an operation of the prototype.

In the prototype creation method according to an embodiment of thepresent inventive concept described so far, one 1-1st response 61included in one first trigger 60 is applied to one first layer 50 so asto generate a prototype. However, there may exist embodiments in that aplurality of responses included in the first trigger 60 may be selectedin one prototype creation terminal 10 through the prototype creationinterface 40, or a plurality of triggers are selected in one prototypecreation terminal 10, which will now be described.

FIG. 9 is a flow diagram illustrating a prototype creation methodaccording to another embodiment of the present inventive concept, andspecifically, selecting a plurality of responses included in the firsttrigger 60. However, the embodiment described with reference to FIG. 9is merely a preferred exemplary embodiment for accomplishing the objectof the present inventive concept, and a part of steps may be added ordeleted as needed.

First, steps 210 to 240 are the same as those described above. That is,the first layer 50 is selected, the first trigger 60 and the 1-1stresponse 61 are sequentially selected, and then, the timeline of the1-1st response 61 is input.

In the description of the step 220 above, the selected trigger mayenumerate responses included therein in a vertical direction, and anadditional response will be referred to as a 1-2nd response 62. That is,in the present embodiment, the 1-1st response 61 and the 1-2nd response62 included in the first trigger 60 may be applied to the first layer50.

When the timeline of the 1-1st response 61 is input, the 1-2nd response62 included in the first trigger 60 may be selected in the prototypecreation terminal 10 through the prototype creation interface 40 (S270).In this case, selecting the 1-2nd response 62 may be the same asselecting the 1-1st response 61 described above, and thus a detaileddescription thereof will be omitted to avoid duplicated description.

When the 1-2nd response 62 is selected, a timeline of the 1-2nd response62 may be input to the prototype creation terminal 10 through theprototype creation interface 40 (S280). In this case, inputting thetimeline of the 1-2nd response 62 may be the same as inputting the timeof the 1-1st response 61 described above, and thus a detaileddescription thereof will be omitted to avoid duplicated description.

Referring to FIG. 10, a timeline is input to “Move” response, and inthis case, the “Move” response may be regarded as the 1-2nd response 62.

When the timeline of the 1-2nd response 62 is input, the prototypecreation terminal 10 may display the first trigger 60, the 1-1stresponse 61, the 1-2nd response 62, the timeline of the 1-1st response,and the time line of the 1-2nd response adjacent to each other throughthe prototype creation interface 40 (S290). In this case, displayingadjacent to each other may be the same as displaying the first trigger60, the 1-1st response 61, and the timeline of the 1-1st responseadjacent to each other as described above, and thus a detaileddescription thereof will be omitted to avoid duplicated description, butas one exemplary embodiment, the 1-1st response 61 and the 1-2ndresponse 62 may be disposed below the first trigger 60, and a time tablefor inputting the timeline of the 1-1st response 61 and the timeline ofthe 1-2nd response 62 may be disposed at the right side of the 1-1stresponse 61 and the 1-2nd response 62.

When the timeline of the 1-2nd response 62 is input apart fromdisplaying, the prototype creation terminal 10 may apply the 1-1stresponse 61 and the 1-2nd response 62 to which the respective timelinesare input, to the first layer 50 through the prototype creationinterface 40 so as to generate a prototype (S300), and the prototypecreation terminal 10 may transmit the generated prototype to theexecution terminal 20 (S305). In this case, the user may check anoperation of the generated prototype through the execution terminal 20,and may also check the operation through the prototype creation terminal10. In this case, the creation and transmission of the prototype may bethe same as those in the 1-1st response 61, and thus a detaileddescription thereof will be omitted to avoid duplicated description.

The steps S270 to S305 described above are the same as those in the1-1st response 61, except that the 1-2nd response 62 is added. However,referring to FIG. 8, singularities may exist in that the timeline of the1-1st response 61 and the timeline of the 1-2nd response 62 are thesame. This may mean that the 1-1st response 61 and the 1-2nd response 62are applied to the first layer 50 at the same point of time, with theresult that effects of the 1-1st response 61 and the 1-2nd response 62are simultaneously implemented. That is, referring to FIG. 10, when theuser “Taps” the prototype execution terminal 20, the first layer 50 “3DRotates” and simultaneously “Moves” during the same time. This may occursince the timeline of the 1-1st response 61 and the time line of the1-2nd response 62 exactly overlap each other, and when the time linespartially overlap, the effects may be implemented with a timedifference. For example, when the timeline of the 1-2nd response 62 is0.1 to 0.3, “3D Rotate” may be implemented first, and then “3D Rotate”may be implemented simultaneously with “Move” from 0.1, “3D Rotate” mayend at 0.2, and “Move” may be implemented to 0.3. However, when there isno overlapping timeline at all, the 1-2nd response 62 may be implementedafter ending of the 1-1st response 61. That is, the timeline of the1-1st response 61 and the time line of the 1-2nd response 62 maypartially or entirely overlap, or may not overlap at all. Furthermore,since the timeline of the 1-1st response 61 and the time line of the1-2nd response 62 may partially or entirely overlap, a responseconverted in the middle can be delicately adjusted when a plurality ofstates are converted.

Selecting a plurality of triggers will now be described. FIG. 11 is aflow diagram illustrating a prototype creation method according to stillanother embodiment of the present inventive concept, and specifically,selecting a plurality of triggers. However, the embodiment describedwith reference to FIG. 11 is merely a preferred exemplary embodiment foraccomplishing the object of the present inventive concept, and a part ofsteps may be added or deleted as needed.

First, steps 210 to 240 are the same as those described above. That is,the first layer 50 is selected, the first trigger 60 and the 1-1stresponse 61 are sequentially selected, and then, the timeline of the1-1st response 61 is input.

Since the trigger means a condition under which the prototype executionterminal 20 outputs a specific response, the prototype creationinterface 40 may have a plurality of triggers pre-defined therein, andthe trigger to be further selected will be referred to as a secondtrigger 70. That is, in the present embodiment, the 1-1st response 61included in the first trigger 60 and a 2-1st response 71 included in thesecond trigger 70 may be applied.

When the timeline of the response 61 is input, the second trigger 70 maybe selected in the prototype creation terminal 10 through the prototypecreation interface 40 (S270′). In this case, selecting the secondtrigger 70 may be the same as selecting the first trigger 60 describedabove, and thus a detailed description thereof will be omitted to avoidduplicated description.

When the trigger 70 is selected, the 2-1st response 71 included in thesecond trigger 70 may be selected in the prototype creation terminal 10through the prototype creation interface 40 (S280′), and a timeline ofthe 2-1st response 71 may be input to the prototype creation terminal 10(S290′). In this case, selecting the 2-1st response 71 and inputting thetimeline thereof may also be the same as selecting the 1-1st response 61and inputting the timeline thereof, and thus a detailed descriptionthereof will be omitted to avoid duplicated description.

Referring to FIG. 12, a timeline is input to “Move” response included in“Double Tap” trigger, and in this case, the “Double Tap” trigger may beregarded as the second trigger 70, and the “Move” response may beregarded as the 2-1st response 71.

When the timeline of the response 71 is input, the prototype creationterminal 10 may display the first trigger 60, the 1-1st response 61, thesecond trigger 70, the 2-1st response 71, the timeline of the 1-1stresponse, and the timeline of the 2-1st response adjacent to each otherthrough the prototype creation interface 40 (S300′). In this case,displaying adjacent to each other may be the same as displaying thefirst trigger 60, the 1-1st response 61, and the timeline of the 1-1stresponse adjacent to each other as described above, and thus a detaileddescription thereof will be omitted to avoid duplicated description.

When the timeline of the 2-1st response 71 is input apart fromdisplaying, the prototype creation terminal 10 may apply the 1-1stresponse 61 and the 2-1st response 71 to which the respective timelinesare input, to the first layer 50 through the prototype creationinterface 40 so as to generate a prototype (S310′), and the prototypecreation terminal 10 may transmit the generated prototype to theexecution terminal 20 (S315′). In this case, the user may check anoperation of the generated prototype through the execution terminal 20,and may also check the operation through the prototype creation terminal10. In this case, the creation and transmission of the prototype may bethe same as those in the 1-1st response 61, and thus a detaileddescription thereof will be omitted to avoid duplicated description.

The steps S270′ to S315′ described above are the same as those in thefirst trigger 60 and the 1-1st response 61, except that the secondtrigger 70 and the 2-1st response 71 are added. However, referring toFIG. 12, singularities may exist in that the timeline of the 1-1stresponse 61 and the timeline of the 2-1st response 71 are the same. Thismay mean that the 1-1st response 61 and the 2-1st response 71 areapplied to the first layer 50 at the same point of time according to aninput of the first trigger 60 and the second trigger 70, and an effectof either the 1-1st response 61 or the 2-1st response 71 is implementedaccording to an input trigger. That is, referring to FIG. 12, when theuser “Taps” the prototype execution terminal 20, the first layer 50immediately “3D Rotates”, and when the user “Double Taps” the prototypeexecution terminal 20, the first layer 50 immediately “Moves”. This mayoccur since start points of the timeline of the 1-1st response 61 andthe time line of the 2-1st response 71 are immediate (0.0) from thetrigger input, and if otherwise, the effects may be implemented with atime difference. For example, when the timeline of the 1-1st response 61is 0.0 to 0.3 and the timeline of the 2-1st response 71 is 0.1 to 0.3,“3D Rotate” may be immediately implemented to 0.3 if the prototypeexecution terminal 20 is “Tapped” at the point of 0.0, and “Move” may beimplemented from 0.2 to 0.4 if the prototype execution terminal 20 is“Double Tapped” at the point of 0.1. That is, “3D Rotate” and “Move” maybe implemented simultaneously from 02. To 0.3. That is, when thetimelines of the 1-1st response 61 and the 2-1st response 71 implementedfrom the point of time of inputting the first trigger 60 and the secondtrigger 70 overlap each other, the 1-1st response 61 and the 2-1stresponse 71 may be processed in parallel, but a simple overlap betweenthe timelines of the 1-1st response 61 and the 2-1st response 71 may notenable parallel processing. This is due to the dependency in whichresponses are implemented only when triggers are generated.

Meanwhile, the case of the second trigger 70 and the 2-1st response 71may differ from the case where the first trigger 60 includes the 1-1stresponse 61 and the 1-2nd response 62. When the first trigger 60includes the 1-1st response 61 and the 1-2nd response 62, the 1-1stresponse 61 and the 1-2nd response 62 are dependent on the first trigger60, and thus the 1-1st response 61 and the 1-2nd response 62 may beimplemented when the first trigger 60 is input to the prototypeexecution terminal 20. However, the second trigger 70 is independent ofthe first trigger 60, and thus, even when the timelines of the 1-1stresponse 61 and the 2-1st response 71 partially or entirely overlap eachother, the 2-1st response 71 may not be implemented if the secondtrigger 70 is not input to the prototype execution terminal 20. This isbecause the triggers including respective responses are independent ofeach other.

The present embodiment is described with reference to the case where the2-1st response 71 included in the second trigger 70 is selected, andlike the first trigger 60, the second trigger 70 may also include aplurality of responses, and like the embodiment described with referenceto FIG. 9, a 2-2nd response 72 may be further selected. In this case,selecting the 2-2nd response 72 and inputting a timeline may also be thesame as selecting the 1-2nd response 62 and inputting the timelinedescribed above, thus a detailed description thereof will be omitted toavoid duplicated description.

The prototype creation methods according to various embodiments of thepresent inventive concept have been described so far. Specifically,various embodiments include the case where only one response included inone trigger is selected, the case where a plurality of responsesincluded in one trigger are selected, the case where only one responseincluded in a plurality of triggers is selected, and the case where aplurality of responses included in a plurality of triggers are selected.Specifically, a plurality of triggers and a plurality of responses canbe selected so as to enable parallel processing of multiple inputsignals.

A prototype creation method according to one embodiment of the presentinventive concept, more specifically, a prototype creation method interms of user interface (UI) of a prototype creation interface will nowbe described.

FIG. 13 is a flow diagram illustrating a prototype creation methodaccording to still another embodiment of the present inventive concept,and specifically, outputting a response matched to specific timing.However, the embodiment described with reference to FIG. 13 is merely apreferred exemplary embodiment for accomplishing the object of thepresent inventive concept, and a part of steps may be added or deletedas needed.

First, steps 210 to 240 are the same as those described above. That is,the first layer 50 is selected, the first trigger 60 and the 1-1stresponse 61 are sequentially selected, and then, the timeline of the1-1st response 61 is input.

When the timeline of the response is input, specific timing is input tothe prototype creation terminal 10 through the prototype creationinterface 40 (S250″). In this case, the specific timing may be on pointon a time table.

When the specific timing is input, the prototype creation terminal 10may determine whether the 1-1st response 61 corresponds to the specifictiming through the prototype creation interface 40 (S260″), and if it isdetermined that the 1-1st response 61 corresponds to the specifictiming, the prototype creation terminal 10 may highlight-display theselected first trigger 60, the 1-1st response 61, and the timeline ofthe 1-1st response 61 adjacent to each other (S265″). If it isdetermined that the 1-1st response 61 does not correspond to thespecific timing, none of them may be displayed.

Referring to FIG. 14, “3D ROTATE” and “MOVE” responses corresponding tospecific timing 0.2 may be highlight-displayed, and the residualresponses may be displayed transparent. The prototype creation interface40 may never display responses which do not correspond to specifictiming. In this case, only responses corresponding to specific timingmay be implemented in the prototype execution terminal 20. Thus, onlyresponses corresponding to specific timing and timelines thereof, andtriggers are displayed, such that the user may refer to the displayedmatter when inputting timelines of responses, making prototype designingconvenient.

Furthermore, specific timing may move rightward on a time table when aspecific timing reproduction command is input, and in this case,responses which sequentially correspond as the specific timing moves maybe highlight-displayed. For example, if specific timing is 0.0, thetimeline of the 1-1st response 61 is 0.1 to 0.3, and the timeline of the1-2nd response 62 is 0.4 to 0.5, the 1-1st response 61 and the timelineof the 1-1st response 61 may be highlight-displayed from 0.1 to 0.3, andthe 1-2nd response 62 and the timeline of the 1-2nd response 62 may behighlight-displayed from 0.4 to 0.5, while the specific timing movesrightward by an input reproduction command. In this case, from 0.4 to0.5, the 1-1st response 61 and the timeline of the 1-1st response 61 maybe processed to be transparent, or displayed in highlight different fromthe highlight of the 1-2nd response 62 and the timeline of the 1-2ndresponse 62.

When the timeline of the 1-1st response 61 is input, OFF command of thefirst trigger 60 is input to the prototype creation terminal 10 throughthe prototype creation interface 40 (S255′), and the prototype creationterminal 10 may turn off the 1-1st response 61 (S258′). The response isdependent on the trigger, and thus, if the trigger may be turned off,the response included in the trigger may also be turned off, and anyspecific response can be turned off separately.

The triggers, responses, outputting of timelines of responses,outputting after determining whether to correspond to specific timing,turning off of the triggers and responses have been described so farbased on the first layer 50, but the prototype creation method accordingto an embodiment of the present inventive concept may also be applied toa plurality of layers, and thus these elements may also be applied to aplurality of layers. For example, responses output in correspondence tospecific timing may be those applied to layers different from eachother, and two or more of a trigger, a response, and a timeline of theresponse applied to a specific layer may be simultaneously output.

Meanwhile, as an additional function of the prototype creation interface40, a layout may be changed. Specifically, as shown in FIG. 15, thetrigger and time table may be moved from the right side of the screen tothe bottom of the screen. This layout emphasizes the time table, and maybe used when a longer timeline is needed.

What is claimed is:
 1. A prototype of graphical user interface (GUI)application creation method comprising: receiving a selection of a firsttrigger through the prototype creation interface, which triggers anoutput of a specific response to be displayed, in a prototype executionterminal, wherein the first trigger is displayed with information of afirst action to be recognized as a triggering input; receiving aselection of a 1-1st response of the first trigger through the prototypecreation interface, wherein the 1-1st response is an output to a layerdriven by the prototype execution terminal when the first action isinput by a user of the prototype execution terminal; receiving an inputof a timeline of the 1-1st response through the prototype creationinterface; receiving a selection of a second trigger through theprototype creation interface, wherein the second trigger is displayedwith information of a second action to be recognized as a triggeringinput; receiving a selection of a 2-1st response of the second triggerthrough the prototype creation interface, wherein the 2-1st response isan output to the layer driven by the prototype execution terminal whenthe second action is input by the user of the prototype executionterminal; receiving an input of timeline of the 2-1st response throughthe prototype creation interface; in response to receiving the input oftimeline of the 1-1st and the 2-1st responses, generating a prototype,by applying the 1-1st response and the 2-1st response to which thetimeline is input, to the layer through the prototype creationinterface; displaying the first trigger, one or more responsesassociated with the first trigger including the 1-1st response, and thetimeline of the one or more responses associated with the first trigger,wherein the first trigger and the one or more responses associated withthe first trigger are disposed adjacent to each other through theprototype creation interface; and displaying the second trigger, one ormore responses associated with the second trigger including the 2-1stresponse, and the timeline of the one or more responses associated withthe second trigger, wherein the second trigger and the one or moreresponses associated with the second trigger are disposed adjacent toeach other through the prototype creation interface.
 2. The method ofclaim 1, wherein the receiving the input of the timeline of the 1-1stresponse comprises receiving inputs of a start point and an end point ofthe 1-1st response through the prototype creation interface.
 3. Themethod of claim 1, wherein, when the timelines of the 1-1st response andthe 2-1st response which are implemented from a point of time ofreceived the first trigger and the second trigger to the prototypeexecution terminal are partially or entirely overlapped, the 1-1stresponse and the 2-1st response are processed in parallel.
 4. The methodof claim 1, further comprising, after the receiving the input of thetimeline of the 1-1st response: receiving an input of specific timingthrough the prototype creation interface; and determining whether the1-1st response corresponds to the received specific timing through theprototype creation interface.
 5. The method of claim 4, furthercomprising, after the determining whether the 1-1st response correspondsto the received specific timing, when it is determined that the 1-1stresponse corresponds to the specific timing through the prototypecreation interface, highlight-displaying the first trigger, the 1-1stresponse, and the timeline of the 1-1st response adjacent to each otherthrough the prototype creation interface.
 6. The method of claim 1,further comprising, after the receiving the input of the timeline of the1-1st response: receiving an input of OFF command of the first triggerthrough the prototype creation interface; and turning OFF the 1-1stresponse through the prototype creation interface.
 7. The method ofclaim 1, further comprising, after the receiving the input of thetimeline of the 1-1st response: receiving a selection of a 1-2ndresponse of the first trigger through the prototype creation interface;and receiving an input of a timeline of the 1-2nd response through theprototype creation interface, and wherein the displaying the firsttrigger comprises secondly displaying the first trigger, the 1-1stresponse, the 1-2nd response, the timeline of the 1-1st response, andthe timeline of the 1-2nd response adjacent to each other through theprototype creation interface.
 8. The method of claim 7, wherein thesecondly displaying comprises disposing the 1-1st response and the 1-2ndresponse adjacent to the first trigger, and disposing a time table forinputting the timeline of the 1-1st response and the timeline of the1-2nd response adjacent to the 1-1st response and the 1-2nd responsethrough the prototype creation interface.
 9. The method of claim 7,wherein the timeline of the 1-1st response and the timeline of the 1-2ndresponse partially or entirely overlap so as to process the 1-1stresponse and the 1-2nd response in parallel.
 10. The method of claim 1,further comprising, after the displaying the second trigger: hiding theone or more responses associated with the second trigger and thetimeline of the one or more responses associated with the secondtrigger, and displaying an icon which indicates the hiding.
 11. Acomputer program coupled to a computing device to execute a prototype ofgraphical user interface (GUI) application creation method and stored ina non-transitory computer readable recording medium, the program beingconfigured to execute: an operation of receiving a selection of a firsttrigger through the prototype creation interface, which triggers anoutput of a specific response to be displayed, in a prototype executionterminal, wherein the first trigger is displayed with information of afirst action to be recognized as a triggering input; an operation ofreceiving a selection of a 1-1st response of the first trigger throughthe prototype creation interface, wherein the 1-1st response is anoutput to a layer driven by the prototype execution terminal when thefirst action is input by a user of the prototype execution terminal; anoperation of receiving an input of a timeline of the 1-1st responsethrough the prototype creation interface; an operation of receiving aselection of a second trigger through the prototype creation interface,wherein the second trigger is displayed with information of a secondaction to be recognized as a triggering input; an operation of receivinga selection of a 2-1st response of the second trigger through theprototype creation interface, wherein the 2-1st response is an output tothe layer driven by the prototype execution terminal when the secondaction is input by the user of the prototype execution terminal; anoperation of receiving an input of timeline of the 2-1st responsethrough the prototype creation interface; an operation of in response toreceiving the input of timeline of the 1-1st and the 2-1st responses,generating a prototype, by applying the 1-1st response and the 2-1stresponse to which the timeline is input, to the layer through theprototype creation interface; an operation of displaying the firsttrigger, one or more responses associated with the first triggerincluding the 1-1st response, and the timeline of the one or moreresponses associated with the first trigger, wherein the first triggerand the one or more responses associated with the first trigger aredisposed adjacent to each other through the prototype creationinterface; and an operation of displaying the second trigger, one ormore responses associated with the second trigger including the 2-1stresponse, and the timeline of the one or more responses associated withthe second trigger, wherein the second trigger and the one or moreresponses associated with the second trigger are disposed adjacent toeach other through the prototype creation interface.
 12. The computerprogram of claim 11, wherein the operation of receiving the input of thetimeline of the 1-1st response comprises an operation of receivinginputs of a start point and an end point of the 1-1st response throughthe prototype creation interface.
 13. The computer program of claim 11,wherein, when the timelines of the 1-1st response and the 2-1st responsewhich are implemented from a point of time of received the first triggerand the second trigger to the prototype execution terminal are partiallyor entirely overlapped, the 1-1st response and the 2-1st response areprocessed in parallel.
 14. The computer program of claim 11, furthercomprising, after the operation of receiving the input of the timelineof the 1-1st response: an operation of receiving an input of specifictiming through the prototype creation interface; and an operation ofdetermining whether the 1-1st response corresponds to the receivedspecific timing through the prototype creation interface.
 15. Thecomputer program of claim 14, further comprising, after the operation ofdetermining whether the 1-1st response corresponds to the receivedspecific timing, when it is determined that the 1-1st responsecorresponds to the specific timing through the prototype creationinterface, an operation of highlight-displaying the first trigger, the1-1st response, and the timeline of the 1-1st response adjacent to eachother through the prototype creation interface.
 16. The computer programof claim 11, further comprising, after the operation of receiving theinput of the timeline of the 1-1st response: an operation of receivingan input of OFF command of the first trigger through the prototypecreation interface; and an operation of turning OFF the 1-1st responsethrough the prototype creation interface.
 17. The computer program ofclaim 11, further comprising, after the operation of receiving the inputof the timeline of the 1-1st response: an operation of receiving aselection of a 1-2nd response of the first trigger through the prototypecreation interface; and an operation of receiving an input of a timelineof the 1-2nd response through the prototype creation interface, andwherein the operation of displaying the first trigger comprises anoperation of secondly displaying the first trigger, the 1-1st response,the 1-2nd response, the timeline of the 1-1st response, and the timelineof the 1-2nd response adjacent to each other through the prototypecreation interface.
 18. The computer program of claim 17, wherein theoperation of secondly displaying comprises an operation of disposing the1-1st response and the 1-2nd response adjacent to the first trigger, andan operation of disposing a time table for inputting the timeline of the1-1st response and the timeline of the 1-2nd response adjacent to the1-1st response and the 1-2nd response through the prototype creationinterface.
 19. The computer program of claim 17, wherein the timeline ofthe 1-1st response and the timeline of the 1-2nd response partially orentirely overlap so as to process the 1-1st response and the 1-2ndresponse in parallel.
 20. The computer program of claim 11, furthercomprising, after the operation of the displaying the second trigger: anoperation of hiding the one or more responses associated with the secondtrigger and the timeline of the one or more responses associated withthe second trigger, and an operation of displaying an icon whichindicates the hiding.